<template>
  <div>
    <div class="service-banner">
          <div class="banner_tip w" style="text-align: left;" >
            <div class="ba_t" style="color: #fff;font-size: 40px;padding-top: 200px;text-align: center;" >Engage Users</div>
            <!-- <div class="ba_b" style="color: #fff; font-weight: bold;">We boost your App’s reputation and help you gain new users through Direct Installs.</div> -->
          </div>
    </div>
    <div class="breadcrumbs-custom bg-gray-200">
      <div class="w">
        <div style="display: flex;align-items: center;justify-content: space-between;">
          <div class="breadcrumbs-custom-title">Engage Users</div>
          <ul class="breadcrumbs-custom-path">
            <li>Services</li> /
            <li class="active">Engage Users</li>
          </ul>
        </div>
      </div>
    </div>


    <div class="service-main">
      <!-- <div style="position: static;top: 0;">333</div> -->
      <div style="display: flex;justify-content: space-between;" class="w">
        <div class="service-main-l">
          <div class="service-des">
            <p>
              We put creativity at the forefront of digital marketing. We don’t just produce ads, but create fresh ideas that resonate with users and generate meaningful engagement.
            </p>
            <p>
              Our pursuit of the most aesthetically pleasing designs has one goal: providing users with high-quality advertising to capture their interest.
            </p>
            <p>            We use our cutting-edge AI capabilities to design revolutionary creative formats, with advanced software that allows our customers improve their ad creatives themselves.</p>



          </div>

       <!--   <div class="service-des">
            <h1 class="h6 font-weight-bold">App assembly and installation strategy: Increase app installs and boost rankings</h1>
            <p>
              If your app is at the bottom of a highly competitive market, you will have no chance of getting discovered. However, if your App is optimized for app install rates, you will get a very high ranking and gain a large volume of organic installs. A higher ranking can also improve the credibility of your app and your brand. People are more willing to choose you even if they have never heard of your company before.
            </p>
            <p>
              Our team pays close attention to every app store’s formula and continuously conduct tests. This ensures that we can provide you with much more assistance in terms of app promotion.
            </p>
          </div> -->

          <!-- <contentDes></contentDes> -->







        </div>






      </div>

    </div>

  </div>
</template>

<script>
  import contentDes from './content';
  export default {
    components:{
          contentDes
    },
    data() {
      return {
         nobottom:false,
        isFix: false
      }


    },
    mounted() {

      window.addEventListener('scroll', this.handleScroll);
    },
    methods: {
     getScrollBottomPx() {
         const scrollHeight = document.documentElement.scrollHeight; // 总滚动高度
         const viewportHeight = window.innerHeight; // 视口高度
         const scrollTop = document.documentElement.scrollTop; // 滚动的距离
         const bottomPx = scrollHeight - viewportHeight - scrollTop; // 距离底部的px值
         return bottomPx;
       },
     handleScroll(event) {

       if (window.scrollY >= 380) {
         this.isFix = true;
       } else {
         this.isFix = false;
       };

       if(this.getScrollBottomPx()<=360){
           this.nobottom = true;
       }else{
         this.nobottom = false;
       }

     }
    },
    beforeDestroy() {
      // 移除滚动事件监听
      window.removeEventListener('scroll', null);
    },




  }
</script>

<style>
</style>
